/*框架*/
body{font-family:思源黑体,微软雅黑\9ED1\4F53,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,arial,sans-serif;background:#f7f7f7;}
.img-big-show img{transition: all 0s;-o-transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;}
.wrapper{width:1200px;margin:0 auto;}
.img-style{display:block;margin:0 auto;max-width:100%;}
.no-bg{background:none !important;color:black !important;padding-left:0 !important;}
.no-bg:-ms-input-placeholder{color:#000;opacity:1;}
.no-bg::-webkit-input-placeholder{color:#000;opacity:1;}
/*公共部分*/
.public-header{width:100%;height:40px;line-height:40px;background:linear-gradient(to right,#fff,#3F3F3F 30%,#000);text-align:right;min-width:1200px;}
.public-header a{color:white;font-size:14px;margin-right:25px;}
.public-header a img{vertical-align:middle;margin-top:-2px;}
.public-search{height:40px;padding:10px 0;width:98%;margin:0 auto;overflow:hidden;}
.public-search a{display:inline-block;width:5%;float:left;}
.public-search form{display:inline-block;width:94%;position:relative;margin:5px 0 0 1%;}
.public-search form img{position:absolute;left:10px;top:5px;}
.public-search input{width:93%;height:25px;background:#d3d1d0;padding:5px 2% 5px 5%;border:none;border-radius:10px;}
.public-menu .swiper-slide{background:#b1aaa6;text-align:center;font-size:12px;padding:5px 0;border-radius:10px;}
.public-menu .swiper-slide a{display:inline-block;width:100%;color:white;}
.public-menu .menu-list{overflow:hidden;}
.public-menu .swiper-button-next{width:7px;height:10px;background:url("../images/right.png") no-repeat;right:0;top:30px;}
.public-menu .swiper-button-prev{width:7px;height:10px;background:url("../images/left.png") no-repeat;left:0;top:30px;}

.public-menu ul{height:45px;overflow:hidden;}
.public-menu li{padding:12px 120px 12px 80px;position:relative;border-bottom:1px solid #b1aaa6;}
.public-menu li a{display:inline-block;background:#b1aaa6;text-align:center;margin:3px 5px 3px 0;width:120px;font-size:12px;padding:5px 0;border-radius:10px;color:#fff;}
.public-menu li:before{content: attr(data-src) ;position:absolute;left:0;top:15px;line-height:26px;font-size:14px;color:#b1aaa6;}
.public-menu li a.zk{display:inline-block;background:#000;color:#fff;border-radius:10px;margin:0;padding:5px 0;width:120px;position:absolute;right:0;top:15px;}




.container{width:100%;margin: 0 auto;min-height: 510px;}
.waterfall{padding:10px;min-width:1300px;-moz-column-count:6;-webkit-column-count:6;column-count:6;-moz-column-gap:1em;-webkit-column-gap:1em;column-gap: 1em;overflow:hidden;}
.waterfall .list-group{padding:2%;width:100%;box-sizing:border-box;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;}
.waterfall .list-group>li:first-child{padding:0;background-color:white;}
.waterfall .list-group>li:first-child img{width:100%;border-top-right-radius:4px;border-top-left-radius:4px;}
.waterfall .list-group>li{background-color:white;}
.media{height:75px;line-height:40px;padding:0 5px;}
.media a{background:#b1aaa6;padding:5px 10px;border-radius:5px;color:white;font-size:14px;}
.media a:hover{background-color: #837c79;}
.media span{float:right;color:#9f9fa0;font-size:14px;}
.media i{display:block;font-style: normal;border-radius:5px;float: right;background-color: #d3d1d0;color: #ffffff;font-size:14px;padding:0px 10px;text-align: center;line-height: 29px;margin-top: 5px;cursor:default ;}
/*公共左边*/
.public-left{margin:50px 0 0 30px;line-height:40px;font-size:14px;}
.public-left h1{font-weight:bold;}
.public-left a{display:block;width:100%;padding:0 20px 0 10px;}
.public-left a.on{background:linear-gradient(to left,#fff,#3F3F3F 100%,#000);color:white;}
/*分页*/
.page{margin-top:50px;text-align:center;font-size:14px;color:#5a4e49;}
.page .page-one a{padding:5px 15px;background:#b7b0ac;color:white;border-radius:5px;}
.page .page-center{padding:0 100px;}
.page .page-all{float:right;color:#5a4e49;margin-right:20px;}
/*登录*/
.bg{background:linear-gradient(to bottom right,#000,#3F3F3F 70%,#fff);}
#login{text-align:center;padding-top:10%;min-width:1060px;box-sizing:border-box;}
#login form{width:220px;margin:2% auto;}
#login form .login-input{border-top:1px solid #ffffff;padding:20px;text-align:left;}
#login form .login-input label{display:block;font-size:16px;color:#999999;margin-bottom:10px;}
#login form .login-input input{background:none;border:none;color:#666;font-size:18px;width:150px;float:left;}
#login form .login-input input::-webkit-input-placeholder{color:#666;opacity:1;}
#login form .login-input input::-moz-placeholder{color:#666;opacity:1;}
#login form .login-input input:-moz-placeholder{color:#666;opacity:1;}
#login form .login-input input:-ms-input-placeholder{color:#666;opacity:1;}
#login form .mark{display:inline-block;width:20px;height:20px;line-height:20px;background:#999999;color:white;border-radius:8px;text-align:center;font-size:16px;float:right;}
#login form .login-btn{width:100%;height:30px;line-height:30px;background:#999999;color:white;text-align:center;border:none;border-radius:10px;cursor:pointer;font-size:16px;transition:all 1s;}
#login form button:hover{background:#666666;}
#login form .btn{overflow:hidden;}
#login form .btn a{float:left;width:48.5%;display:block;border-radius:4px;background:#999999;color:#fff;line-height:34px;font-size:14px;}
#login form .btn a:nth-child(2n){float:right;}


#login .login-btn p{margin:10px;}
#login .login-btn p a{color:#999999;font-size:16px;}
#login .login-btn p a:hover{color:white;}
.login-top i{display:inline-block;font-style:normal;font-size:14px;vertical-align:middle;margin:-2px 0 0 -6px;}
.login-top i.round{width:10px;height:10px;border-radius:50%;background:#cccccc;}
.login-top i.long{width:120px;height:3px;background:#cccccc;}
.login-top i.num{width:30px;height:30px;border-radius:50%;background:#cccccc;line-height:30px;color:white;}
.login-top i.small{width:90px;height:3px;background:#cccccc;}
.login-top i p{width:120px;position:absolute;text-align:center;color:#cccccc;margin:10px 0 0 -35px;}
.login-top i.font{font-size:14px;padding:20px 50px;border-radius:10px;background:#cccccc;color:white;}
.login-top i.on{background:#000;}
.login-top i.on p{color:#000;font-weight:bold;}

.login-content{width:840px;margin:150px auto;clear:both;}
.login-content .login-info{clear:both;margin-bottom:30px;font-size:14px;color:#000;}
.login-content label{display:inline-block;float:left;width:280px;font-weight:bold;text-align:right;}
.login-content .form-item{position:relative;margin-left:300px;font-weight:bold;}
.login-content .form-item input.input{border:none;background:#7f7f7f;width:270px;border-radius:10px;padding:5px 15px;font-size:14px;color:white;vertical-align:middle;margin-top:-6px;}
.login-content .form-item p{font-weight:bold;margin-top:10px;}
.login-content .form-item .bg-gray{background:#ccc;font-size:12px;color:white;border:none;border-radius:5px;padding:5px 15px;cursor:pointer;margin-top:5px;}
.login-content .form-item .bg-gray:hover{background:#000;}
.login-content .form-item span{background:#000;color:white;padding:5px 20px;margin:0 10px 0 20px;}
.login-content .form-item span img{
	height:24px;}
.login-content .form-item a{color:#0c3287;}

/*收藏弹窗*/
.collect-content{width:800px;border-radius:10px;background:white;padding:50px 30px;display:inline-block;position:relative;display:none;}
.collect-content .collect-close{font-size:24px;position:absolute;right:20px;top:10px;font-weight:bold;}
.collect-content .collect-left{width:355px;float:left;}
.collect-content .collect-left .line{width:100%;height:1px;background:#cccccc;margin-bottom:20px;}
.collect-content .collect-left h1{font-size:14px;color:#000;font-weight:bold;margin-bottom:65px;}
.collect-content .collect-left img{margin-bottom:15px;}
.collect-content .collect-left p{font-size:14px;}
.collect-content .collect-right{width:410px;float:right;}
.collect-content .collect-right h1{font-size:14px;color:#000;font-weight:bold;margin-bottom:15px;}
.collect-content .collect-right form{position:relative;}
.collect-content .collect-right form img{position:absolute;top:5px;left:10px;}
.collect-content .collect-right form input{width:98%;padding:10px 1%;background:#5a4e49;border:none;border-radius:10px;text-indent:40px;color:white;}
.collect-content .collect-right .collect-info{height:285px;overflow-y:auto;margin-top:30px;}
.collect-content .collect-right .collect-info .collect-div{margin-bottom:6px;height:66px;overflow:hidden;}
.collect-content .collect-right .collect-info .collect-div img{border-radius:5px;}
.collect-content .collect-right .collect-info .collect-div .new-add{font-size:14px;font-weight:bold;margin-left:30px;}
.collect-content .collect-right .collect-info .collect-div .collect-btn{display:inline-block;float:right;background:#5a4e49;margin:17px 15px 0 0;padding:8px 20px;color:white;border-radius:5px;}
.layui-layer{background:none !important;}
.photo-show{width:980px;margin-left:85px;}
.photo-left{width:564px;}
.photo-right{width:380px;}
.photo-right p{font-size:14px;color:#5a4e49;margin-bottom:10px;}
.photo-right span{display:block;width:310px;padding:10px 25px;background:#b1aaa6;color:white;font-size:14px;border-radius:15px;margin:25px 0;}
.photo-right a{background:#d7d8d8;color:white;font-size:14px;padding:20px;border-radius:10px;font-weight:bold;transition: all .2s ease-in 0s;-webkit-transition: all .2s ease-in 0s;-ms-transition: all .2s ease-in 0s;-moz-transition: all .2s ease-in 0s;}
.photo-right a.normal{font-weight:normal;}
.photo-other{overflow:hidden;}
.photo-other h1{font-size:14px;font-weight:bold;color:#000;margin:20px 0;}
.photo-other .more{float:right;margin-top:20px;background:#b1aaa6;color:white;padding:5px 25px;border-radius:10px;font-size:14px;}

/*购物*/
.cart-div{width:890px;margin:50px auto;}
.cart-div h1{font-size:14px;margin-bottom:10px;}
.cart-div .form-table{border:1px solid #e6e6e6;padding:20px;font-size:14px;color:#666666;}
.cart-div .form-table .layui-form-checkbox[lay-skin=primary] i{margin-right:10px;}
.cart-div .form-table .layui-form-checkbox[lay-skin=primary] i:hover{border-color:#000;}
.cart-div .form-table .layui-form-checked[lay-skin=primary] i{background:#000;border-color:#000;}
.cart-div .form-table thead{border-bottom:1px solid #e6e6e6;margin-bottom:10px;}
.cart-div .form-table thead tr{height:30px;line-height:30px;}
.cart-div .form-table thead tr th{padding-bottom:10px;}
.cart-div .form-table tbody tr td{padding:5px 0;}
.cart-div .form-table span{margin:0 10px;}
.cart-div .form-table a {color:#0c3287;font-weight:bold;}

.settle{margin-top:20px;background:#9f9f9f;padding:20px;border-radius:5px;}
.settle-left{color:white;font-size:14px;}
.settle-left a{color:white;margin:0 10px;}
.settle-left .layui-form-checkbox[lay-skin=primary] i{margin-right:10px;}
.settle-left .layui-form-checkbox[lay-skin=primary] i:hover{border-color:#000;}
.settle-left .layui-form-checked[lay-skin=primary] i{background:#000;border-color:#000;}
.settle-right{float:right;}
.settle-right-l{font-size:14px;color:white;}
.settle-right-l p{margin-bottom:5px;}
.settle-right-l p.red{color:#d0111b;font-weight:bold;}
.settle-right-l p a{color:#0c3287;font-weight:bold;margin-left:10px;}
.settle-right-r{margin-left:20px;padding-top:70px;}
.settle-right-r a{background:#d0111b;color:white;border-radius:5px;padding:5px 15px;}
.cart-tj .layui-tab-title li{height:30px;line-height:30px;margin-right:10px;border-radius:10px;background:#b1aaa6;color:white;}
.cart-tj .layui-tab-title{border:none;}
.cart-tj .layui-tab-title .layui-this{background:#000;border:none;}
.cart-tj .layui-tab-title .layui-this:after{border:none;}

.cart-success{background:white;padding:50px 120px;text-align:center;}
.cart-success h1{font-size:24px;font-weight:bold;}
.cart-success h1 img{margin-right:30px;}
.cart-success h2{font-size:14px;font-weight:bold;margin:20px auto 50px;}
.cart-success p{width:220px;margin:10px auto;font-size:14px;font-weight:bold;}
.cart-success a{color:#d0111b;font-weight:bold;}
.cart-success-btn{margin-top:60px;}
.cart-success-btn a{margin:0 20px;}

/*个人中心*/
.member-info{width:800px;margin:50px 0 0 100px;}
.member-info .member-info-msg{width:740px;padding:30px;background:white;border-radius:5px;}
.member-info .line{width:100%;height:1px;background:#cccccc;margin-bottom:20px;}
.member-info h1{font-size:14px;color:#5a4e49;font-weight:bold;margin-bottom:10px;}
.member-info h1 span{font-size:12px;font-weight:normal;}
.member-info p{line-height:35px;font-size:14px;color:#5a4e49;}
.member-info p a{padding:3px 10px;background:#b7b0ac;margin-left:20px;border-radius:5px;color:white;}

.public-div{width:760px;border-radius:10px;background:white;padding:50px;display:inline-block;position:relative;display:none;}
.public-div .close{font-size:24px;position:absolute;right:20px;top:10px;font-weight:bold;}
.public-div .line{width:100%;height:1px;background:#cccccc;margin-bottom:20px;}
.public-div h1{font-size:14px;font-weight:bold;margin-bottom:30px;}
.public-div .question{background:#5a4e49;color:white;text-align:center;padding:5px 40px;border-radius:5px;float:right;margin-top:80px;}
.member-rz .rz-info{font-size:14px;line-height:30px;color:#5a4e49;margin-top:30px;}
.member-rz .rz-info strong{color:#000;}
.member-rz .rz-info #sub-img{border:none;padding:3px 10px;background:#b7b0ac;border-radius:5px;color:white;cursor:pointer;}
.member-rz .rz-info #sub-img:hover{background:#5a4e49;}

.email-info{font-size:14px;}
.email-info p{margin-bottom:10px;color:#5a4e49;}
.email-info p input{border-radius:5px;padding:3px 10px;border:1px solid #b7b0ac;}
.email-info p a{border-radius:5px;padding:3px 10px;background:#b7b0ac;color:white;}

.sfz-info{font-size:14px;}
.sfz-info p{margin-bottom:10px;color:#5a4e49;}
.sfz-info p input{border-radius:5px;padding:3px 10px;border:none;background:#5a4e49;color:white;width:200px;}
.sfz-info p a{border-radius:5px;padding:3px 10px;background:#b7b0ac;color:white;}

.phone-info{font-size:14px;}
.phone-info p{margin-bottom:10px;color:#5a4e49;}
.phone-info p input{border-radius:5px;padding:3px 10px;border:none;background:#5a4e49;color:white;width:200px;}
.phone-info p a{border-radius:5px;padding:3px 10px;background:#b7b0ac;color:white;}

.member{width:820px;margin:50px 0 0 100px;}
.member-top{background:white;padding:30px 30px 10px;border-radius:5px;font-size:14px;color:#5a4e49;}
.member-top .line{width:100%;height:1px;background:#cccccc;margin-bottom:10px;}
.member-top h1{font-weight:bold;}
.member-top h1 span{color:#e69775;}
.member-top h1 a.renew{float:right;margin-right:10px;color:#0c3287;}
/*修改密码*/
.password-info{background:white;padding:50px;margin-top:20px;border-radius:5px;}
.password-info p{color:#5a4e49;font-size:14px;margin-bottom:5px;}
.password-info p label{display:inline-block;width:80px;text-align:right;}
.password-info input{border-radius:5px;padding:3px 10px;border:none;color:#5a4e49;width:200px;font-size:24px;font-family:'Arial';}
.password-info a{display:block;width:140px;border-radius:10px;padding:5px 15px;background:#5a4e49;color:white;margin:30px auto 0;font-size:14px;text-align:center;}
/*已扣点图片*/
.photo-list{margin-top:20px;overflow:hidden;padding-bottom:30px;}
.photo-list .photo-li{box-shadow:0 5px 10px #cccccc;cursor:pointer;overflow: hidden;}
.photo-list .photo-li img{display:block;height:220px;margin:0 auto;}
.photo-list .photo-li p{height:30px;line-height:30px;text-align:right;padding:0 10px;color:#666666;}
/*图片收藏夹*/
.photo-collect-list{margin-top:20px;overflow:hidden;padding-bottom:30px;overflow:hidden;}
.photo-collect-list .photo-collect-li {background:white;}
.photo-collect-list .photo-collect-li a{padding:5px 15px;background:#5a4e49;color:white;border-radius:5px;margin-top:10px;}
.photo-collect-list .photo-collect-li img{height:230px;cursor:pointer;display:block;margin:0 auto;}
.collect-data-add .data-btn{background:#5a4e49;color:white;text-align:center;padding:5px 40px;border-radius:5px;float:right;margin-top:80px;margin-left:30px;}
.collect-data-add .data-in{margin-bottom:15px;font-size:14px;}
.collect-data-add .data-in label{width:100px;float:left;}
.collect-data-add input{width:80%;background:#5a4e49;color:white;font-size:12px;border:none;padding:10px 15px;border-radius:10px;vertical-align:middle;margin-top:-5px;}
.photo-collect-list .form-table{border:1px solid #e6e6e6;padding:20px;font-size:14px;color:#666666;}
.photo-collect-list .form-table .layui-form-checkbox[lay-skin=primary] i{margin-right:10px;}
.photo-collect-list .form-table .layui-form-checkbox[lay-skin=primary] i:hover{border-color:#000;}
.photo-collect-list .form-table .layui-form-checked[lay-skin=primary] i{background:#000;border-color:#000;}
.photo-collect-list .form-table thead{border-bottom:1px solid #e6e6e6;margin-bottom:10px;}
.photo-collect-list .form-table thead tr{height:30px;line-height:30px;}
.photo-collect-list .form-table thead tr th{padding-bottom:10px;}
.photo-collect-list .form-table tbody tr td{padding:5px 0;}
.photo-collect-list .form-table span{margin:0 10px;}
.photo-collect-list .form-table a {color:#0c3287;font-weight:bold;}
/*授权管理*/
.mandate{background:white;padding:30px;border-radius:5px;font-size:14px;color:#5a4e49;margin-top:20px;line-height:30px;}
.mandate h1{font-weight:bold;}
.mandate h1 span{font-weight:normal;}
.mandate .mandate-btn{width:450px;margin-top:50px;}
.mandate .mandate-btn p{margin-bottom:10px;}
.mandate .mandate-btn a{float:right;width:120px;text-align:center;background:#5a4e49;color:white;line-height:30px;border-radius:5px;}

.mandate .form-table{border:1px solid #e6e6e6;padding:20px;font-size:14px;color:#666666;}
.mandate .form-table .layui-form-checkbox[lay-skin=primary] i{margin-right:10px;}
.mandate .form-table .layui-form-checkbox[lay-skin=primary] i:hover{border-color:#000;}
.mandate .form-table .layui-form-checked[lay-skin=primary] i{background:#000;border-color:#000;}
.mandate .form-table thead{margin-bottom:10px;}
.mandate .form-table thead tr:first-child{border-bottom:1px solid #e6e6e6;}
.mandate .form-table thead tr{height:30px;line-height:30px;}
.mandate .form-table thead tr input{width:80px;padding:3px 5px;vertical-align:middle;margin-top:-5px;}
/*.mandate .form-table thead tr strong{margin-right:110px;}*/
.mandate .form-table thead tr a{display:inline-block;background:#b7b0ac;color:white;border-radius:5px;padding:0 20px;margin-left:30px;}
.mandate .form-table thead tr a:hover{background:#5a4e49;}
.mandate .form-table thead tr th{padding-bottom:10px;}
.mandate .form-table tbody tr td{padding:5px 0;}
.mandate .form-table tbody tr td:nth-child(2) img{display:block;margin:0 auto;}
.mandate .form-table tbody span{margin:0 10px;}
.mandate .form-table tbody a{display:inline-block;width:100px;text-align:center;background:#5a4e49;color:white;line-height:30px;border-radius:5px;}
/*我的订单*/
.order{background:white;padding:30px;border-radius:5px;font-size:14px;color:#5a4e49;margin-top:20px;line-height:30px;}
.order .form-table{border:1px solid #e6e6e6;padding:20px;font-size:14px;color:#666666;}
.order .form-table .layui-form-checkbox[lay-skin=primary] i{margin-right:10px;}
.order .form-table .layui-form-checkbox[lay-skin=primary] i:hover{border-color:#000;}
.order .form-table .layui-form-checked[lay-skin=primary] i{background:#000;border-color:#000;}
.order .form-table thead{margin-bottom:10px;}
.order .form-table thead tr:first-child{border-bottom:1px solid #e6e6e6;}
.order .form-table thead tr{height:30px;line-height:30px;}
.order .form-table thead tr input{width:80px;padding:3px 5px;vertical-align:middle;margin-top:-5px;}

.order .form-table thead tr th{padding-bottom:10px;}
.order .form-table tbody tr td{padding:5px 0;}
.order .form-table tbody tr td:nth-child(1) img{display:block;margin:0 auto;}
.order .form-table tbody tr td:nth-child(2){cursor:pointer;}
.order .form-table tbody tr td img{cursor:pointer;}
.order .form-table tbody span{margin:0 10px;}
.order .form-table tbody tr td:last-child{line-height:20px;}
.order .form-table tbody a,.order .form-table tbody span{display:inline-block;width:100%;color:#0c3287;font-weight:bold;}
.order .form-table tbody tr td:last-child a{cursor:default;}
.order .form-table thead tr a{display:inline-block;background:#b7b0ac;color:white;border-radius:5px;padding:0 20px;margin-left:30px;}
.order .form-table thead tr a:hover{background:#5a4e49;}
/*账户安全*/
.safe{background:white;padding:30px;border-radius:5px;font-size:14px;color:#5a4e49;margin-top:20px;line-height:30px;}
.safe .safe-div{margin:50px 0;}
.safe .safe-div img{vertical-align:middle;margin-top:-2px;}
.safe .safe-div strong{font-weight:bold;color:#000;font-size:16px;margin-right:20px;}
.safe .safe-div a{display:inline-block;width:100px;text-align:center;float:right;background:#5a4e49;color:white;border-radius:10px;}

/*账户余额*/
.money{margin-top:20px;}
.money .layui-form-select .layui-input{display:inline-block;background:none;border:none;}
.money .layui-table th:nth-child(4),.money .layui-table td:nth-child(4){border-right:none;}
.money .layui-table th:nth-child(5),.money .layui-table td:nth-child(5){border-left:none;}
/*帮助中心*/
.help{background:white;padding:30px;border-radius:5px;font-size:14px;color:#5a4e49;margin-top:20px;line-height:30px;}
.help .help-left{width:120px;}
.help .help-left a{display:block;}
.help .help-right{width:620px;margin-left:20px;}
.help .help-right h1{font-weight:bold;font-size:16px;margin-bottom:20px;}
/*收藏及浏览过*/
.collect-look{position:relative;}
.collect-list,.look-list{overflow:hidden;margin-top:15px;}
.collect-look .collect-title{width:120px;background:#000;color:white;padding:5px;border-radius:10px;text-align:center;font-size:14px;}
.collect-look .look-title{width:120px;background:#000;color:white;padding:5px;border-radius:10px;text-align:center;font-size:14px;}
.collect-look .collect-prev{top:61%;left:-10%;width:25px;height:43px;background:url("../images/big_left.png") no-repeat;}
.collect-look .look-next{top:61%;right:-10%;width:25px;height:43px;background:url("../images/big_right.png") no-repeat;}
.collect-look .collect-list .swiper-slide,.collect-look .look-list .swiper-slide{background:white;}
.collect-look .swiper-slide img{height:145px;display:block;margin:0 auto;}

#footer{width:100%;height:80px;line-height:80px;background:linear-gradient(to right,#fff,#3F3F3F 20%,#000);text-align:center;color:white;font-size:14px;}
.foot-list{width:1200px;margin:50px auto 20px;}
.foot-list .foot-li{height:110px;padding:10px 80px 20px;border-left:1px solid #d6d6d6;}
.foot-list .swiper-slide:last-child .foot-li{border-right:1px solid #d6d6d6;}
.foot-list .foot-li h1{font-size:16px;height:40px;font-weight:bold;margin-bottom:5px;}
.foot-list .foot-li h1 span{display:block;font-size:12px;font-weight:normal;color:#666666;}
.foot-list .foot-li a{display:inline-block;width:49%;float:left;font-size:14px;margin-bottom:5px;}
.foot-list .foot-li dl dd{font-size:14px;line-height:20px;color:#666666;}
.foot-list .foot-li p{font-size:14px;line-height:25px;color:#666666;}
.foot-list .foot-center{text-align:center;}

/**20180312**/
.div-404{width:1200px;margin:0 auto;}
.img-404{display:block;margin:100px auto;max-width:600px;}
.a-404{display:block;width:275px;height:70px;line-height:70px;border-radius:5px;background:#949494;color:white;margin:30px auto 0;font-size:25px;text-align:center;}
.a-404:hover{color:white;}
.time-over{width:800px;height:350px;padding:50px;margin:0 auto;background:white;border-radius:5px;position: fixed;
	top:150px;
	left:0;
	right:0;
	margin: 0 auto;
}
.time-over p{font-size:18px;color:#333333;line-height:35px;margin:100px 0;}
.time-over p span{color:#fe0000;}
.time-over a{display:block;width:150px;height:40px;line-height:40px;font-size:18px;border-radius:5px;background:#949494;color:white;margin:30px auto 0;text-align:center;}
/*笔记本*/
@media screen and (max-width: 1600px){
	.waterfall{-moz-column-count:4;-webkit-column-count:4;column-count:4;}
	.div-404{width:1000px;}
	.img-404{margin:50px auto;}
	.a-404{width:200px;height:50px;line-height:50px;font-size:22px;}
}

@media screen and (max-width: 1440px){
	.waterfall{-moz-column-count:4;-webkit-column-count:4;column-count:4;}
	.img-404{margin:50px auto;max-width:500px;}
	.div-404{width:800px;}
	.a-404{width:150px;height:40px;line-height:40px;font-size:18px;}
}

@media screen and (max-width: 1190px){

}

@media screen and (max-width: 1100px){

}

@media screen and (max-width: 960px){

}

@media screen and (max-width: 800px){

}

@media screen and (max-width: 640px){

}

@media screen and (max-width: 440px){

}

@media screen and (max-width: 360px){

}

/**20180310**/
.photo-right a,.public-header a,.public-menu .swiper-slide,.photo-right a,.photo-other .more,.foot-list .foot-li a,.member-info p a{transition: all .2s ease-in 0s;-webkit-transition: all .2s ease-in 0s;-ms-transition: all .2s ease-in 0s;-moz-transition: all .2s ease-in 0s;}
.public-header a:hover,.foot-list .foot-li a:hover{font-weight: bold;}
.public-menu .swiper-slide:hover,.photo-right a:hover,.photo-other .more:hover,.member-info p a:hover{background-color: #837c79;}
.public-left a:hover{background:linear-gradient(to left,#fff,#3F3F3F 100%,#000);color:white;}
.public-menu{width:1200px;overflow:hidden;position:relative;margin:0 auto 15px;padding: 0 2%;}
.public-menu .swiper-button-next{right: 1%;}
.public-menu .swiper-button-prev{left: 1%;}
.password-info input{border: 1px solid #b1aaa6;outline: none;}
/**20180311**/
.demo{width:1200px;margin:0 auto;}
.item_list{position:relative;padding:0 0 50px;}
.item{width:282px;background:#fff;overflow:hidden;margin:15px 0 0 0;border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);}
.item img{display:block;width:100%;margin:0 auto;}
.item .title{line-height:35px;padding:5px;}
.item .title span{float:right;color:#9f9fa0;font-size:14px;}
.item .title a{background:#b1aaa6;padding:3px 10px;border-radius:5px;color:white;font-size:14px;}
.item .title a:hover{background-color: #837c79;}

#cloud-zoom-big{background-size:3235px !important;}
/**20100312**/
.mandate .form-table thead tr strong{
	margin-right: 30px;
}
.order .form-table thead tr strong{margin-right:30px;}
/*20180318   扣点页面loading效果*/
.loadEffect{
            width: 100px;
            height: 100px;
            position: relative;
            margin: 0 auto;
            margin-top: 20px;
        }
        .loadEffect span{
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: lightgreen;
            position: absolute;
            -webkit-animation: load 1.04s ease infinite;
        }
        @-webkit-keyframes load{
            0%{
                opacity: 1;
            }
            100%{
                opacity: 0.2;
            }
        }
        .loadEffect span:nth-child(1){
            left: 0;
            top: 50%;
            margin-top:-8px;
            -webkit-animation-delay:0.13s;
        }
        .loadEffect span:nth-child(2){
            left: 14px;
            top: 14px;
            -webkit-animation-delay:0.26s;
        }
        .loadEffect span:nth-child(3){
            left: 50%;
            top: 0;
            margin-left: -8px;
            -webkit-animation-delay:0.39s;
        }
        .loadEffect span:nth-child(4){
            top: 14px;
            right:14px;
            -webkit-animation-delay:0.52s;
        }
        .loadEffect span:nth-child(5){
            right: 0;
            top: 50%;
            margin-top:-8px;
            -webkit-animation-delay:0.65s;
        }
        .loadEffect span:nth-child(6){
            right: 14px;
            bottom:14px;
            -webkit-animation-delay:0.78s;
        }
        .loadEffect span:nth-child(7){
            bottom: 0;
            left: 50%;
            margin-left: -8px;
            -webkit-animation-delay:0.91s;
        }
        .loadEffect span:nth-child(8){
            bottom: 14px;
            left: 14px;
            -webkit-animation-delay:1.04s;
        }

作者：JR93
链接：https://www.jianshu.com/p/6ac3e3e12d61
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。







